<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>APP下载 - 影多多</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
	<link rel="stylesheet" href="/public/download/css/public.min.css" />
	<link rel="stylesheet" href="/public/download/css/style.min.css" />
	<style type="text/css">
        .alert-container {
            position: fixed;
            background-color: rgba(0, 0, 0, 0.5);
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            display: none;
        }

        .alert-img {
            width: auto;
            height: auto;
            width: 90%;
            height: auto;
            margin-left: 5%;
            position: fixed;
            top: 0;
        }
	</style>
</head>
<body>
	<section class="container">
		<header class="header-wrap text-c">
			<div class="pic-wrap logo-wrap">
				<img src="/public/download/images/yunyinglogo.png" alt="logo" class="pic-img logo-img" />
			</div>
		</header>
		<section class="content-wrap">
			<!-- <div class="content-title pic-wrap text-c">
				<img src="/public/download/images/icon_title.png" alt="title" class="pic-img icon-title" />
			</div> -->
			<div class="content-title pic-wrap text-c">
				<span>影多多</span>
			</div>
			<div class="content-container">
				<!-- <div class="app-item app-ios">
					<div class="pic-wrap qrcode-wrap">
						<img src="public/download/images/qrcode_ios.png" alt="qrcode-ios" class="pic-img qrcode-img" />
					</div>
					<div class="title-wrap app-title">ios</div>
					<div class="btn-wrap download-btn-wrap">
						<a href="https://itunes.apple.com/us/app/%E9%BC%8E%E4%BA%9A%E5%87%BA%E8%A1%8C%E7%AE%A1%E5%AE%B6/id1309230055?ls=1&mt=8" class="btn-item download-btn">立即下载</a>
					</div>
				</div> -->
				<div class="app-item app-android">
					<div class="pic-wrap qrcode-wrap">
						<img src="http://qr.liantu.com/api.php?text=http://A6090755351798.qiniucdn.apicloud-system.com/e83c09cde25df04647339bd33e9e36ff_d" alt="qrcode-android" class="pic-img qrcode-img" />
					</div>
					<div class="title-wrap app-title">android</div>
					<div class="btn-wrap download-btn-wrap">
						<a onclick="gotodownload()" href="javascript:void(0);" class="btn-item download-btn">立即下载</a>
					</div>
				</div>
			</div>
		</section>
		<footer class="footer-wrap text-c">
			<div class="powerby-wrap">Copyright© 2017-2027 影多多 版权所有</div>
		</footer>
	</section>

    <div class="alert-container" id="alert-container" onclick="hide_img()">
        <img class="alert-img" src="/public/download/images/share.png" />
    </div>
</body>
<script type="text/javascript">
	function gotodownload()
	{
		if(isWeiXin()) {
            show_img();
        } else {
            window.location.href='http://downloadpkg.apicloud.com/app/download?path=http://A6090755351798.qiniucdn.apicloud-system.com/2355db54f23a40cb631d5935a0f05913_d';
        }
	}

    function show_img() {
        document.getElementById('alert-container').style.display='block';
        document.body.style.overflow='hidden';
    }
    function hide_img() {
        document.getElementById('alert-container').style.display='none';
        document.body.style.overflow='inherit';
    }
	function isWeiXin(){
	  //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
	  var ua = window.navigator.userAgent.toLowerCase();
	  //通过正则表达式匹配ua中是否含有MicroMessenger字符串
	  if(ua.match(/MicroMessenger/i) == 'micromessenger'){
	    return true;
	  }else{
	    return false;
	  }
	}
</script>
</html>